<style scoped>

.leftPageWrapper {
    padding: 20px;
    padding-top: 40px;
}

.jobExperience {
    padding-bottom: 30px;
}

.normalText {
    font-size: 25px;
    color: #000000;
    margin: 15px;
}

</style>

<template>

<div class="leftPageWrapper">

    <leftHeader title="个人简介">
        <text
          class="normalText"
          v-for="data in introduce"
          key="key"
        >{{data}}</text>
    </leftHeader>


    <leftHeader title="工作经历">
      <jobExperience
        class="jobExperience"
        v-for="data in workExperience"
        :title="data.title"
        :detail="data.detail"
        key="key"></jobExperience>
    </leftHeader>

    <leftHeader title="项目经验">
        <projectExperience
          v-for="data in projectDatas"
          :title="data.title"
          :url="data.url"
          :introduce="data.introduce"
          :duty="data.duty"
          key="key"></projectExperience>
    </leftHeader>

    <leftHeader title="专业技能">
        <text
          class="normalText"
          v-for="data in professionSkilDatas"
          key="key">{{data}}</text>
    </leftHeader>

    <leftHeader title="其他技能">
        <text
          class="normalText"
          v-for="data in otherSkillDatas"
          key="key" >{{data}}</text>
    </leftHeader>

</div>

</template>

<script>

export default {
    components: {
        skill: require('./views/skill.vue'),
        leftHeader: require('./views/leftHeaderView.vue'),
        jobExperience: require('./views/jobExperience.vue'),
        projectExperience: require('./views/projectExperience.vue')
    },

    data: function() {
        return {
            //个人简介
            introduce: [
                '4年移动开发经验，项目负责人。喜欢新技术～'
            ],

            //工作经验
            workExperience: [{
                title: '2015.5-至今 湖南聚一聚二网络科技有限公司  iOS开发负责人',
                detail: [
                    '·  负责公司所有iOS项目的研发工作',
                    '·  参与到产品和设计讨论，把对应的需求转换为对应的功能模块',
                    '·  负责与后台共同确定需要的接口',
                    '·  负责项目框架搭建分配具体开发任务',
                    '·  具体代码编写和进度把控',
                    '·  测试上线以及维护'

                ]
            }, {
                title: '2014.1-2015.5 长沙蓝杰信息科技有限公司  Java培训讲师',
                detail: [
                    '·  负责学生的项目辅导和答疑工作',
                    '·  负责编写课程讲义',
                    '·  负责Java & Android入门课程讲解'
                ]
            }, {
                title: '2013.6-2013.12 长沙蓝杰信息科技有限公司  Java培训讲师',
                detail: [
                    '·  负责学生的项目辅导和答疑工作',
                    '·  负责编写课程讲义',
                    '·  负责Java & Android入门课程讲解'
                ]
            }],

            //近期项目展示
            projectDatas: [{
                title: '项目名称：批发佬',
                introduce: '公司电商项目主推给用户的App',
                url:'//itunes.apple.com/cn/app/id956461563?mt=8',
                duty: '我是项目负责人，带领其他队员进行所有开发和迭代工作。'
            }, {
                title: '项目名称：JPos',
                introduce: '加盟便利店老板加快工作效率工具',
                url:'//itunes.apple.com/cn/app/id1117765515?mt=8',
                duty: '我是项目负责人，带领其他队员进行所有开发和迭代工作。'
            }, {
                title: '项目名称：门店信息采集、颜界、mJob、iSite、OCar等',
                introduce: '这些是比较长时间没有接触的iOS项目，部分可能已经下架。其中大部分是企业管理工具，涉及较多的技术点是百度地图操作、文字数据和图片采集。',
                url: '',
                duty: '这些项目我都有接手并迭代过多个版本。'
            }],

            //专业技能
            professionSkilDatas: [
                '·  熟练掌握 Objetive-C',
                '·  熟练掌握 UI、多线程、网络、runtime等iOS基本知识和技术点',
                '·  掌握 git 和 svn等版本管理工具',
                '·  掌握 sqlite、mysql、SQL Server 数据库',
                '·  简单掌握 iOS 逆向工程和安全攻防',
            ],


            //其他技能
            otherSkillDatas: [
                '·  熟悉 Java客户端开发',
                '·  熟悉 Android开发',
                '·  掌握 ReactNative、Weex 开发',
                '·  简单掌握 swift',
                '·  简单掌握 iOS 逆向工程和安全攻防',
                '·  简单掌握 MVVM 开发模式'
            ],

            //其他
            otherInfo: [

            ]
        }

    },
    methods: {
        update: function(e) {
            this.target = 'Weex'
            console.log('target:', this.target)
        }
    }
}

</script>
